/*
* @Description: responsive module
* @Author: jinbo
* @Date:   2017-12-15 09:48:21
* @Last Modified by:   tony
* @Last Modified time: 2017-12-19 10:08:06
*/

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
html{font-family: "微软雅黑",'Microsoft Yahei',Arial,sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;line-height: 1.15; /* 1 */}
body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;font-family:'Microsoft Yahei',Arial,sans-serif;} /*上下拉动滚动条时卡顿、慢*/
ol,ul,menu{padding-left:0;list-style-type:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]) {display: none;height: 0;}
[hidden],
template {display: none}
dfn{font-style:italic}
mark{color:#000;background:#ff0}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root) {overflow: hidden;}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
img{max-width:100%;border:none;vertical-align:inherit;}
a,button,input,select,textarea{outline: none; star: expression(this.onFocus=this.blur());}

/* 美化 */
a{text-shadow:none;text-decoration: none;-webkit-tap-highlight-color: rgba(171, 135, 84, 0);background-color: transparent;color:inherit;}
i,em{font-style:normal}
b,strong{font-weight: bold;}
small{font-size: 80%;}
* {
  -webkit-tap-highlight-color: rgba(171, 135, 84, 0);
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%; /*旋转屏幕时，字体大小调整的问题*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  margin: 0;
  list-style: none;
}


/* functions 函数
----------------------------------------------------*/
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-pa{position:absolute;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center!important;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-cen{margin:0 auto;}
.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.overflow{text-indent:-9999px;font-size:0;line-height:0;}
.overflow a{display:block;width:100%;height:100%;}
.f-pt10{padding-top:10px;}
.f-pt20{padding-top:20px;}
.f-pt30{padding-top:30px;}
.f-pt40{padding-top:40px;}
.f-pb10{padding-bottom:10px;}
.f-pb20{padding-bottom:20px;}
.f-pb30{padding-bottom:30px;}
.f-pb40{padding-bottom:40px;}
.f-mt10{ margin-top:10px;}
.f-mt20{ margin-top:20px;}
.f-mt30{ margin-top:30px;}
.f-mt40{ margin-top:40px;}
.f-mb10{ margin-bottom:10px;}
.f-mb20{ margin-bottom:20px;}
.f-mb30{ margin-bottom:30px;}
.f-mb40{ margin-bottom:40px;}

/* widgets
----------------------------------------------------*/
/*图片居中*/
.widget-box{display: table;table-layout: fixed;width: 100%;}
.widget-respimg{display:table-cell!important;text-align:center;vertical-align:middle;font-size: 0;line-height: 0;}
.widget-respimg img{max-height:100%;max-width:100%}
/*.isIE .widget-respimg{display: block!important;}
.isIE .widget-respimg img{width: auto;height: auto;vertical-align: middle;}
*/

/*垂直居中*/
.ghost-center{height: 100%}
.ghost-center:before{content: " ";display: inline-block;height: 100%;width: 0%;vertical-align: middle;}
.ghost-center p{display: inline-block;vertical-align: middle;max-width: 98%;}


/* ==========================================================================
   responsive display definitions
   ========================================================================== */

/*
 * PcMode-max
 */
html{font-size: 16px}
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: 'Pc';
}
.wrap{max-width:1400px;margin-left:auto;margin-right:auto; *width:1400px;}
.index_{padding-top: 40px;padding-bottom: 40px;}
.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}


/*
 * PcMode-min
 */
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
  .wrap{max-width:1200px;*width:1200px;}
  .index_{padding-top: 30px;padding-bottom: 30px;}
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .wrap{max-width:1024px;*width:1024px;}
  .index_{padding-top: 20px;padding-bottom: 20px;}
}
/*
 * Pad
 */
@media only screen and (min-width: 640px) and (max-width: 1024px) {
  html{font-size: 14px;}
  body:after {
    content: 'Pad';
  }
  body,input,textarea,button,select {font-size:14px;}
  .wrap{max-width:none;*width:none;padding-left: 2%;padding-right: 2%;}
  .index_{padding-top: 4%;padding-bottom: 4%;}
  .PcPush{display: none;}
  .UnpcPush{display: block;}
}

/*
 * Mobile
 */
@media only screen and (max-width: 640px) {
  html{font-size: 12px;}
  body:after {
    content: 'Mobile';
  }
  body,input,textarea,button,select {font-size:12px;}
  .wrap{max-width:none;*width:none;padding-left:4%;padding-right:4%;}
  .index_{padding-top: 4%;padding-bottom: 4%;}
  .UnmobilePush{display: none;}
  .MobilePush{display:block;}
  img[data-src]{opacity: 1;}
}


/* ---------------------------------------------------------- */
/* higher DPI                                                 */
/* ---------------------------------------------------------- */
@media  only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-o-min-device-pixel-ratio: 13/10),only screen and (min-resolution: 120dpi) {
    /* Your code to swap higher DPI images */

}


/* ---------------------------------------------------------- */
/* A media query for iphone device                            */
/* ---------------------------------------------------------- */
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){
  /*iphone4*/
  .ghost-center p {
    padding: 0;
    font-size: 0.9rem;
  }
}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
  /*iphone5*/
  .ghost-center p {
    padding: 0;
    font-size: 0.9rem;
  }
}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){
  /*iphone6*/

}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){
  /*iphone6+*/

}


/* ---------------------------------------------------------- */
/* 专门针对ANDROID设备                                        */
/* 可解决安卓不同分辨率引起的页面重构问题                     */
/* ---------------------------------------------------------- */
@media only screen and (max-device-width:240px) {
  /* 240px的宽度Styles */
}
@media only screen and (min-device-width:241px) and (max-device-width:360px) {
  /* 360px的宽度Styles */
}
@media only screen and (min-device-width:361px) and (max-device-width:480px) {
  /* 480px的宽度Styles */
}


/*
 * 栅格
 */
.hide{display:none;}
.row{width:102%;}
.row:after,.row:before{clear:both;display:table;content:" ";}
.full-row .row .span-1,.span-1{float:left;margin-right:2%;width:6.33333333%;} /*transition:.2s width ease;*/
.full-row .row .span-2,.span-2{float:left;margin-right:2%;width:14.66666667%;}
.full-row .row .span-3,.span-3{float:left;margin-right:2%;width:23%;}
.full-row .row .span-4,.span-4{float:left;margin-right:2%;width:31.33333333%;}
.full-row .row .span-5,.span-5{float:left;margin-right:2%;width:39.66666667%;}
.full-row .row .span-6,.span-6{float:left;margin-right:2%;width:48%;}
.full-row .row .span-7,.span-7{float:left;margin-right:2%;width:56.33333333%;}
.full-row .row .span-8,.span-8{float:left;margin-right:2%;width:64.66666667%;}
.full-row .row .span-9,.span-9{float:left;margin-right:2%;width:73%;}
.full-row .row .span-10,.span-10{float:left;margin-right:2%;width:81.33333333%;}
.full-row .row .span-11,.span-11{float:left;margin-right:2%;width:89.66666667%;}
.full-row .row .span-12,.span-12{float:left;margin-right:2%;width:98%;}
.full-row .row .span-13,.span-13{float:left;margin-right:2%;width:106.33333333%;}
.full-row .row .span-14,.span-14{float:left;margin-right:2%;width:114.66666667%;}
.full-row .row .span-15,.span-15{float:left;margin-right:2%;width:123%;}
.full-row .row .span-16,.span-16{float:left;margin-right:2%;width:131.33333333%;}
.full-row .row .span-17,.span-17{float:left;margin-right:2%;width:139.66666667%;}
.full-row .row .span-18,.span-18{float:left;margin-right:2%;width:148%;}
.full-row .row .span-19,.span-19{float:left;margin-right:2%;width:156.33333333%;}
.full-row .row .span-20,.span-20{float:left;margin-right:2%;width:164.66666667%;}
.full-row .row .span-21,.span-21{float:left;margin-right:2%;width:173%;}
.full-row .row .span-22,.span-22{float:left;margin-right:2%;width:181.33333333%;}
.full-row .row .span-23,.span-23{float:left;margin-right:2%;width:189.66666667%;}
.full-row .row .span-24,.span-24{float:left;margin-right:2%;width:198%;}
.pull-right{float:right;}
.pull-left{float:left;}
.center{position:relative;left:-1%;float:none;clear:both;display:block;margin-right:auto;margin-left:auto;}
.pull-left-1{position:relative;left:-8.33333333%;}
.pull-left-2{position:relative;left:-16.66666667%;}
.pull-left-3{position:relative;left:-25%;}
.pull-left-4{position:relative;left:-33.33333333%;}
.pull-left-5{position:relative;left:-41.66666667%;}
.pull-left-6{position:relative;left:-50%;}
.pull-left-7{position:relative;left:-58.33333333%;}
.pull-left-8{position:relative;left:-66.66666667%;}
.pull-left-9{position:relative;left:-75%;}
.pull-left-10{position:relative;left:-83.33333333%;}
.pull-left-11{position:relative;left:-91.66666667%;}
.pull-left-12{position:relative;left:-100%;}
.pull-left-13{position:relative;left:-108.33333333%;}
.pull-left-14{position:relative;left:-116.66666667%;}
.pull-left-15{position:relative;left:-125%;}
.pull-left-16{position:relative;left:-133.33333333%;}
.pull-left-17{position:relative;left:-141.66666667%;}
.pull-left-18{position:relative;left:-150%;}
.pull-left-19{position:relative;left:-158.33333333%;}
.pull-left-20{position:relative;left:-166.66666667%;}
.pull-left-21{position:relative;left:-175%;}
.pull-left-22{position:relative;left:-183.33333333%;}
.pull-left-23{position:relative;left:-191.66666667%;}
.pull-left-24{position:relative;left:-200%;}

.pull-right-1{position:relative;left:8.33333333%;}
.pull-right-2{position:relative;left:16.66666667%;}
.pull-right-3{position:relative;left:25%;}
.pull-right-4{position:relative;left:33.33333333%;}
.pull-right-5{position:relative;left:41.66666667%;}
.pull-right-6{position:relative;left:50%;}
.pull-right-7{position:relative;left:58.33333333%;}
.pull-right-8{position:relative;left:66.66666667%;}
.pull-right-9{position:relative;left:75%;}
.pull-right-10{position:relative;left:83.33333333%;}
.pull-right-11{position:relative;left:91.66666667%;}
.pull-right-12{position:relative;left:100%;}
.pull-right-13{position:relative;left:108.33333333%;}
.pull-right-14{position:relative;left:116.66666667%;}
.pull-right-15{position:relative;left:125%;}
.pull-right-16{position:relative;left:133.33333333%;}
.pull-right-17{position:relative;left:141.66666667%;}
.pull-right-18{position:relative;left:150%;}
.pull-right-19{position:relative;left:158.33333333%;}
.pull-right-20{position:relative;left:166.66666667%;}
.pull-right-21{position:relative;left:175%;}
.pull-right-22{position:relative;left:183.33333333%;}
.pull-right-23{position:relative;left:191.66666667%;}
.pull-right-24{position:relative;left:200%;}

.full-row{width:100%;}
.full-row:after,.full-row:before{clear:both;display:table;content:" ";}
.full-row [class*=midd],.full-row [class*=smal],.full-row [class*=span]{margin-right:0;}
.full-row .span-1{width:8.33333333%;}
.full-row .span-2{width:16.66666667%;}
.full-row .span-3{width:25%;}
.full-row .span-4{width:33.33333333%;}
.full-row .span-5{width:41.66666667%;}
.full-row .span-6{width:50%;}
.full-row .span-7{width:58.33333333%;}
.full-row .span-8{width:66.66666667%;}
.full-row .span-9{width:75%;}
.full-row .span-10{width:83.33333333%;}
.full-row .span-11{width:91.66666667%;}
.full-row .span-12{width:100%;}
.full-row .span-13{width:108.33333333%;}
.full-row .span-14{width:116.66666667%;}
.full-row .span-15{width:125%;}
.full-row .span-16{width:133.33333333%;}
.full-row .span-17{width:141.66666667%;}
.full-row .span-18{width:150%;}
.full-row .span-19{width:158.33333333%;}
.full-row .span-20{width:166.66666667%;}
.full-row .span-21{width:175%;}
.full-row .span-22{width:183.33333333%;}
.full-row .span-23{width:191.66666667%;}
.full-row .span-24{width:200%;}
.full-row .center{left:auto;}

@media only screen and (max-width:75em){
  .full-row .row .pc-1,.pc-1{width:6.33333333%;}
  .full-row .row .pc-2,.pc-2{width:14.66666667%;}
  .full-row .row .pc-3,.pc-3{width:23%;}
  .full-row .row .pc-4,.pc-4{width:31.33333333%;}
  .full-row .row .pc-5,.pc-5{width:39.66666667%;}
  .full-row .row .pc-6,.pc-6{width:48%;}
  .full-row .row .pc-7,.pc-7{width:56.33333333%;}
  .full-row .row .pc-8,.pc-8{width:64.66666667%;}
  .full-row .row .pc-9,.pc-9{width:73%;}
  .full-row .row .pc-10,.pc-10{width:81.33333333%;}
  .full-row .row .pc-11,.pc-11{width:89.66666667%;}
  .full-row .row .pc-12,.pc-12{width:98%;}
  .full-row .row .pc-13,.pc-13{width:106.33333333%;}
  .full-row .row .pc-14,.pc-14{width:114.66666667%;}
  .full-row .row .pc-15,.pc-15{width:123%;}
  .full-row .row .pc-16,.pc-16{width:131.33333333%;}
  .full-row .row .pc-17,.pc-17{width:139.66666667%;}
  .full-row .row .pc-18,.pc-18{width:148%;}
  .full-row .row .pc-19,.pc-19{width:156.33333333%;}
  .full-row .row .pc-20,.pc-20{width:164.66666667%;}
  .full-row .row .pc-21,.pc-21{width:173%;}
  .full-row .row .pc-22,.pc-22{width:181.33333333%;}
  .full-row .row .pc-23,.pc-23{width:189.66666667%;}
  .full-row .row .pc-24,.pc-24{width:198%;}
  .pc-hide{display:none;}
  .pc-center{position:relative;left:-1%;float:none;clear:both;display:block;margin-right:auto;margin-left:auto;}
  .full-row .pc-1{width:8.33333333%;}
  .full-row .pc-2{width:16.66666667%;}
  .full-row .pc-3{width:25%;}
  .full-row .pc-4{width:33.33333333%;}
  .full-row .pc-5{width:41.66666667%;}
  .full-row .pc-6{width:50%;}
  .full-row .pc-7{width:58.33333333%;}
  .full-row .pc-8{width:66.66666667%;}
  .full-row .pc-9{width:75%;}
  .full-row .pc-10{width:83.33333333%;}
  .full-row .pc-11{width:91.66666667%;}
  .full-row .pc-12{width:100%;}
  .full-row .pc-13{width:108.33333333%;}
  .full-row .pc-14{width:116.66666667%;}
  .full-row .pc-15{width:125%;}
  .full-row .pc-16{width:133.33333333%;}
  .full-row .pc-17{width:141.66666667%;}
  .full-row .pc-18{width:150%;}
  .full-row .pc-19{width:158.33333333%;}
  .full-row .pc-20{width:166.66666667%;}
  .full-row .pc-21{width:175%;}
  .full-row .pc-22{width:183.33333333%;}
  .full-row .pc-23{width:191.66666667%;}
  .full-row .pc-24{width:200%;}
}

@media only screen and (max-width:768px){
  .full-row .row .midd-1,.midd-1{width:6.33333333%;}
  .full-row .row .midd-2,.midd-2{width:14.66666667%;}
  .full-row .row .midd-3,.midd-3{width:23%;}
  .full-row .row .midd-4,.midd-4{width:31.33333333%;}
  .full-row .row .midd-5,.midd-5{width:39.66666667%;}
  .full-row .row .midd-6,.midd-6{width:48%;}
  .full-row .row .midd-7,.midd-7{width:56.33333333%;}
  .full-row .row .midd-8,.midd-8{width:64.66666667%;}
  .full-row .row .midd-9,.midd-9{width:73%;}
  .full-row .row .midd-10,.midd-10{width:81.33333333%;}
  .full-row .row .midd-11,.midd-11{width:89.66666667%;}
  .full-row .row .midd-12,.midd-12{width:98%;}
  .full-row .row .midd-13,.midd-13{width:106.33333333%;}
  .full-row .row .midd-14,.midd-14{width:114.66666667%;}
  .full-row .row .midd-15,.midd-15{width:123%;}
  .full-row .row .midd-16,.midd-16{width:131.33333333%;}
  .full-row .row .midd-17,.midd-17{width:139.66666667%;}
  .full-row .row .midd-18,.midd-18{width:148%;}
  .full-row .row .midd-19,.midd-19{width:156.33333333%;}
  .full-row .row .midd-20,.midd-20{width:164.66666667%;}
  .full-row .row .midd-21,.midd-21{width:173%;}
  .full-row .row .midd-22,.midd-22{width:181.33333333%;}
  .full-row .row .midd-23,.midd-23{width:189.66666667%;}
  .full-row .row .midd-24,.midd-24{width:198%;}
  .midd-hide{display:none;}
  .midd-center{position:relative;left:-1%;float:none;clear:both;display:block;margin-right:auto;margin-left:auto;}
  .full-row .midd-1{width:8.33333333%;}
  .full-row .midd-2{width:16.66666667%;}
  .full-row .midd-3{width:25%;}
  .full-row .midd-4{width:33.33333333%;}
  .full-row .midd-5{width:41.66666667%;}
  .full-row .midd-6{width:50%;}
  .full-row .midd-7{width:58.33333333%;}
  .full-row .midd-8{width:66.66666667%;}
  .full-row .midd-9{width:75%;}
  .full-row .midd-10{width:83.33333333%;}
  .full-row .midd-11{width:91.66666667%;}
  .full-row .midd-12{width:100%;}
  .full-row .midd-13{width:108.33333333%;}
  .full-row .midd-14{width:116.66666667%;}
  .full-row .midd-15{width:125%;}
  .full-row .midd-16{width:133.33333333%;}
  .full-row .midd-17{width:141.66666667%;}
  .full-row .midd-18{width:150%;}
  .full-row .midd-19{width:158.33333333%;}
  .full-row .midd-20{width:166.66666667%;}
  .full-row .midd-21{width:175%;}
  .full-row .midd-22{width:183.33333333%;}
  .full-row .midd-23{width:191.66666667%;}
  .full-row .midd-24{width:200%;}
}
@media only screen and (max-width:40em){
  .full-row .row .smal-1,.smal-1{width:6.33333333%;}
  .full-row .row .smal-2,.smal-2{width:14.66666667%;}
  .full-row .row .smal-3,.smal-3{width:23%;}
  .full-row .row .smal-4,.smal-4{width:31.33333333%;}
  .full-row .row .smal-5,.smal-5{width:39.66666667%;}
  .full-row .row .smal-6,.smal-6{width:48%;}
  .full-row .row .smal-7,.smal-7{width:56.33333333%;}
  .full-row .row .smal-8,.smal-8{width:64.66666667%;}
  .full-row .row .smal-9,.smal-9{width:73%;}
  .full-row .row .smal-10,.smal-10{width:81.33333333%;}
  .full-row .row .smal-11,.smal-11{width:89.66666667%;}
  .full-row .row .smal-12,.smal-12{width:98%;}
  .full-row .row .smal-13,.smal-13{width:106.33333333%;}
  .full-row .row .smal-14,.smal-14{width:114.66666667%;}
  .full-row .row .smal-15,.smal-15{width:123%;}
  .full-row .row .smal-16,.smal-16{width:131.33333333%;}
  .full-row .row .smal-17,.smal-17{width:139.66666667%;}
  .full-row .row .smal-18,.smal-18{width:148%;}
  .full-row .row .smal-19,.smal-19{width:156.33333333%;}
  .full-row .row .smal-20,.smal-20{width:164.66666667%;}
  .full-row .row .smal-21,.smal-21{width:173%;}
  .full-row .row .smal-22,.smal-22{width:181.33333333%;}
  .full-row .row .smal-23,.smal-23{width:189.66666667%;}
  .full-row .row .smal-24,.smal-24{width:198%;}
  .smal-hide{display:none!important;}
  .smal-center,.smal-show{display:block;}
  .smal-center{position:relative;left:-1%;float:none;clear:both;margin-right:auto;margin-left:auto;}
  [class*=pull-left-],[class*=pull-right-]{right:auto;left:auto;}
  .full-row .smal-1{width:8.33333333%;}
  .full-row .smal-2{width:16.66666667%;}
  .full-row .smal-3{width:25%;}
  .full-row .smal-4{width:33.33333333%;}
  .full-row .smal-5{width:41.66666667%;}
  .full-row .smal-6{width:50%;}
  .full-row .smal-7{width:58.33333333%;}
  .full-row .smal-8{width:66.66666667%;}
  .full-row .smal-9{width:75%;}
  .full-row .smal-10{width:83.33333333%;}
  .full-row .smal-11{width:91.66666667%;}
  .full-row .smal-12{width:100%;}
  .full-row .smal-13{width:108.33333333%;}
  .full-row .smal-14{width:116.66666667%;}
  .full-row .smal-15{width:125%;}
  .full-row .smal-16{width:133.33333333%;}
  .full-row .smal-17{width:141.66666667%;}
  .full-row .smal-18{width:150%;}
  .full-row .smal-19{width:158.33333333%;}
  .full-row .smal-20{width:166.66666667%;}
  .full-row .smal-21{width:175%;}
  .full-row .smal-22{width:183.33333333%;}
  .full-row .smal-23{width:191.66666667%;}
  .full-row .smal-24{width:200%;}
}



button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}

/* module 模块
----------------------------------------------------*/
/* 简易数据表格-格边框 */
.m-table{table-layout:fixed;width:100%;line-height:1.5;}
.m-table th,.m-table td{padding:10px;border:1px solid #e8e8e8;text-align:center;}
.m-table th{font-weight:bold;}
.m-table tbody tr:nth-child(2n){background:#fafafa;}
.m-table tbody tr:hover{background:#e4f4e9;}
.m-table tbody tr:nth-child(2n):hover{background:#fff;}
.m-table .cola{width:100px;}
.m-table .colb{width:200px;}
.m-table .colc{width:60px;}

/* 简易数据表格-行边框*/
.m-table-row th,.m-table-row td{border-width:0 0 1px;}

/* 简易数据表格-圆角*/
.m-table-rds{border-collapse:separate;border:1px solid #ddd;border-width:0 1px 1px 0;border-radius:5px;}
.m-table-rds th,.m-table-rds td{border-width:1px 0 0 1px;}
.m-table-rds >:first-child >:first-child >:first-child{border-top-left-radius:5px;}
.m-table-rds >:first-child >:first-child >:last-child{border-top-right-radius:5px;}
.m-table-rds >:last-child >:last-child >:first-child{border-bottom-left-radius:5px;}
.m-table-rds >:last-child >:last-child >:last-child{border-bottom-right-radius:5px;}

/* 表单 */
.m-form legend{font-size: 1.25rem;color: #444;padding-bottom: 8px;}
.m-form .btn{width: 100%;border-radius: 0;padding:10px 10px;margin-top:0;border:1px solid #ab8754;background: #fff;color: #fff;}
.m-form .btn { transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.form-label{display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: normal;font-size: 14px}
.form-control {
  box-sizing:border-box;
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #f1f1f1;
  background-image: none;
  border: 1px solid #eae7e7; /*#ccc;*/
  border-radius: 0; /*4px;*/
  -webkit-transition: all cubic-bezier(0.32, 0.85, 0.6, 1) .66s;
  -o-transition: all cubic-bezier(0.32, 0.85, 0.6, 1) .66s;
  transition: all cubic-bezier(0.32, 0.85, 0.6, 1) .66s;
}
.form-control::-webkit-input-placeholder{color: #fff;}
.form-control::-moz-input-placeholder{color: #fff;}
.form-control::-ms-input-placeholder{color: #fff;}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control{background-color: #eee; opacity: 1;}
.form-control[disabled],
fieldset[disabled] .form-control{cursor: not-allowed;}
textarea.form-control{height: auto;}
input[type="search"]{-webkit-appearance: none;}

@media (min-width: 768px){
  .form-inline .form-group{ /*定义*/
  width:100%;border-bottom:1px solid #eae7e7;border-left:1px solid #eae7e7;padding:10px 0;      /*默认*/display:inline-block;margin-bottom:0;vertical-align:middle;}
  .form-inline .form-control{ /*默认*/
  display:inline-block;width:auto;vertical-align:middle;      /*定义*/width:60%}
  .form-inline .form-label{padding-left:15px;width:86px;text-align:left;}
  select.form-control{  /*margin-left: -4px;*/}
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,  input[type="time"].form-control,  input[type="datetime-local"].form-control,  input[type="month"].form-control {    line-height: 34px;  }
  input[type="date"].input-sm,  input[type="time"].input-sm,  input[type="datetime-local"].input-sm,  input[type="month"].input-sm,  .input-group-sm input[type="date"],  .input-group-sm input[type="time"],  .input-group-sm input[type="datetime-local"],  .input-group-sm input[type="month"] {    line-height: 30px;  }
  input[type="date"].input-lg,  input[type="time"].input-lg,  input[type="datetime-local"].input-lg,  input[type="month"].input-lg,  .input-group-lg input[type="date"],  .input-group-lg input[type="time"],  .input-group-lg input[type="datetime-local"],  .input-group-lg input[type="month"] {    line-height: 46px;
  }
}
.form-group {margin-bottom: 15px;}
.radio,
.checkbox{position: relative; display: block; margin-top: 10px; margin-bottom: 10px;}
.radio label,
.checkbox label{min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer;}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"]{position: absolute; margin-top: 4px \9; margin-left: -20px;}
.radio + .radio,
.checkbox + .checkbox{margin-top: -5px;}
.radio-inline,
.checkbox-inline{position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer;}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline{margin-top: 0; margin-left: 10px;}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"]{cursor: not-allowed;}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline{cursor: not-allowed;}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label{cursor: not-allowed;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;  
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;}